/* pages/monitor/components/setting/setting.wxss */
.page-container {
  background-color: #F6F6F6;

  .setting-container {
    padding: 10rpx 0 50rpx;
    flex: 1;
    overflow: hidden;

    .t-cell {
      margin-bottom: 1rpx;
      --td-cell-title-color: #333;
      --td-cell-title-font-size: 30rpx;
      --td-cell-height: 108rpx;
      --td-cell-border-right-space: 30rpx;
      // --td-cell-border-width: 2rpx;
      // --td-cell-border-color: #F6F6F6;

      .t-cell__title {
        flex: 2;
        color: #333;
        font-family: "PingFang SC";
        font-size: 30rpx;
        font-style: normal;
        font-weight: 400;
        line-height: 44rpx;
      }

      .t-cell__note {
        flex: 1;
        text-align: right;
        color: #86909C;
        text-align: right;
        font-family: "PingFang SC";
        font-size: 30rpx;
        font-style: normal;
        font-weight: 400;
        line-height: 44rpx;
      }
    }

    .time-cell {
      margin-bottom: 20rpx;
      height: 108rpx;
      color: #333;

      .t-input {
        padding-right: 0rpx;

        .t-input__control {
          text-align: right;
        }
      }
    }

    .t-btn_addmobile {
      --td-button-font-weight: 400;
    }

    .mobile-list {
      padding-bottom: 16rpx;

      .cell-row {
        height: 108rpx;
        background-color: #fff;

        .mobile-item {
          display: flex;
          justify-content: space-between;
          align-items: center;
          box-sizing: border-box;
          height: 108rpx;
          border-bottom: 1rpx solid #f6f6f6;
          padding: 0 32rpx;

          .mobile {
            color: #86909C;
            font-family: "PingFang SC";
            font-size: 30rpx;
            font-style: normal;
            font-weight: 400;
            line-height: 44rpx;
          }

          .del-mobile {
            width: 30rpx;
            height: 32rpx;
          }
        }
      }

      .input-mobile {
        margin-bottom: 4rpx;
      }
    }


    .gzh-cell {
      .t-cell__title {
        flex: 4;

        .t-cell__description-text {
          color: #86909C;
          font-family: "PingFang SC";
          font-size: 24rpx;
          font-style: normal;
          font-weight: 400;
          line-height: 24rpx;
        }
      }

      .t-cell__note {
        flex: 1;
      }
    }

    .binding-row {
      height: 108rpx;
      line-height: 108rpx;
    }

    .binding-row {
      background-color: #fff;
      height: 108rpx;
      padding: 0 32rpx;
    }

    .bind-btn {
      color: #3375F5;
      font-size: 15px;
      font-weight: 400;
      line-height: 22px;
    }

    .btn-row {
      display: flex;
      margin: 130rpx auto 0;
    }

    .setting-btn {
      margin: 130rpx 30rpx 0;
      height: 88rpx;
      line-height: 88rpx;
      text-align: center;
      background: #3375F5;
      border-radius: 12rpx;
      color: #FFFFFF;
      font-size: 32rpx;
    }

  }

  .t-switch {
    --td-switch-checked-color: #34C759;
    --td-switch-height: 52rpx;
  }
}